<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径
    1.相对路径：一般访问站内资源时使用
        -图片和页面在同一个目录：直接写图片名
        -图片在页面的上级目录：../图片名
        -图片在页面的下级目录：文件名/图片名
    2.绝对路径：一般访问站外资源时使用，称为图片盗链，有找不到图片的风险
-->
<!--alt:当图片不能正常显示时 显示的文本-->
<!--title:图片标题-->
<img src="aa.png" alt="这是一个美女图片">
<img src="../b.png" title="这是美女" alt="">
<!--width/height
    两种赋值方式：1.像素 2.上级元素的百分比
    只设置宽度时 高度会等比例缩放
-->
<img src="abc/c.png" width="50" alt="">
<img src="abc/c.png" width="50%" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///77605833112d409ea7263338f26be12f.jpg" alt="">
</body>
</html>